<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<title>index</title>
		<link rel="stylesheet" href="../../source/plugins/layui/css/layui.css" />
		<link rel="stylesheet" href="../../source/plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="../../source/css/public.css" />
		<link rel="stylesheet" href="../../source/css/build-leftmenu.css" />
	</head>
	<body>
		<div class="layui-layout-admin admin-allbox">
			<!--header start-->
			<header class="layui-header header layui-clear" id="admin-header">
				<!-- logo区域 -->
				<div class="admin-header-logo">
					<a class="logo" href="">
						<dl>
							<dt class="layui-elip">绿色装配式建设数字化建造信息系统</dt>
							<dd class="layui-elip">Digitized Construction System od Green Assembly Building</dd>
						</dl>
					</a>
				</div>
				<!-- 顶级菜单区域 -->
				<nav class="header-top-nav">
					<div class="nav-box">
						<div class="nav-inbox" id="navtop-box">
							<a class="nav-box-link active" href="index.html">
								<dl>
									<dt>
										<i class="fa fa-user-o" ></i>
									</dt>
									<dd>个人管理</dd>
								</dl>
							</a>
							<a class="nav-box-link" href="index.html">
								<dl>
									<dt>
										<i class="layui-icon">&#xe614;</i>
									</dt>
									<dd>系统管理</dd>
								</dl>
							</a>
							<a class="nav-box-link" href="build-leftmenu.html">
								<dl>
									<dt>
										<i class="fa fa-users" aria-hidden="true"></i>
									</dt>
									<dd>组织管理</dd>
								</dl>
							</a>
							<a class="nav-box-link"  href="build-leftmenu2.html">
								<dl>
									<dt><i class="fa fa-line-chart "></i></dt>
									<dd>市场跟踪</dd>
								</dl>
							</a>
							<a class="nav-box-link"  href="index.html">
								<dl>
									<dt><i class="layui-icon">&#xe614;</i></dt>
									<dd>项目管理</dd>
								</dl>
							</a>
							<a class="nav-box-link"  href="build-leftmenu2.html">
								<dl>
									<dt><i class="layui-icon">&#xe614;</i></dt>
									<dd>供应商管理</dd>
								</dl>
							</a>
							<a class="nav-box-link" href="project.html">
								<dl>
									<dt><i class="layui-icon">&#xe614;</i></dt>
									<dd>采购寻源</dd>
								</dl>
							</a>
							<a class="nav-box-link active" href="index.html">
								<dl>
									<dt>
										<i class="fa fa-user-o" ></i>
									</dt>
									<dd>个人管理</dd>
								</dl>
							</a>
						</div>
					</div>
					<div class="nav-updown" id="nav-updown">
						<span class="nav-updown-up" data-updown="up"><i class="layui-icon">&#xe619;</i></span>
						<span class="nav-updown-down active" data-updown="down"><i class="layui-icon">&#xe61a;</i></span>
					</div>
				</nav>

				<!-- 头部右侧导航 -->
				<div class="header-top-usercenter">
					<ul class="layui-nav">
						<li class="layui-nav-item">
							<a href="javascript:;" class="admin-head-user">
								<img src="../../source/images/head.jpg" class="admin-head-userimg layui-circle">
								<span class="admin-head-username">王某某</span>
							</a>
							<ul class="layui-nav-child layui-anim layui-anim-upbit">
								<li>
									<a href="">
										<i class="layui-icon icon-maright5">&#xe612;</i>
										<span>个人资料</span>
									</a>
								</li>
								<li>
									<a href="">
										<i class="layui-icon icon-maright5">&#xe612;</i>
										<span>退出</span>
									</a>
								</li>
		
							</ul>
						</li>
					</ul>
				</div>

				<!-- 消息框 -->
				<div class="header-top-news">
					<ul class="layui-nav">
						<li class="layui-nav-item">
							<a href="javascript:;" class="admin-head-news">
								<i class="fa fa-bell-o" aria-hidden="true"></i>
								<span class="admin-news-tips">8</span>
							</a>
							<ul class="layui-nav-child layui-anim layui-anim-upbit">
								<li class="admin-news-list">
									<a href="">
										<section class="admin-news-title">
											<h5>标题标题</h5>
											<time>5分钟前</time>
										</section>
										<p class="admin-news-text layui-elip">消息内容消息内容消息内容消息内容消息内容消息内容消息内容</p>
									</a>
								</li>
								<li class="admin-news-list">
									<a href="">
										<section class="admin-news-title">
											<h5>标题标题</h5>
											<time>5分钟前</time>
										</section>
										<p class="admin-news-text layui-elip">消息内容消息内容消息内容消息内容消息内容消息内容消息内容</p>
									</a>
								</li>
								<li class="admin-news-list">
									<a href="">
										<section class="admin-news-title">
											<h5>标题标题</h5>
											<time>5分钟前</time>
										</section>
										<p class="admin-news-text layui-elip">消息内容消息内容消息内容消息内容消息内容消息内容消息内容</p>
									</a>
								</li>
								<li class="admin-news-list">
									<a href="">
										<section class="admin-news-title">
											<h5>标题标题</h5>
											<time>5分钟前</time>
										</section>
										<p class="admin-news-text layui-elip">消息内容消息内容消息内容消息内容消息内容消息内容消息内容</p>
									</a>
								</li>
								<li class="admin-news-list">
									<a href="">
										<section class="admin-news-title">
											<h5>标题标题</h5>
											<time>5分钟前</time>
										</section>
										<p class="admin-news-text layui-elip">消息内容消息内容消息内容消息内容消息内容消息内容消息内容</p>
									</a>
								</li>
								<li class="admin-news-list">
									<a href="">
										<p class="admin-news-all">查看所有消息<i class="fa fa-angle-right" aria-hidden="true"></i></p>
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
					
			</header>
			<!--header end-->

			<!--build leftmenu-->
			<!--leftnav start-->
			<div class="layui-side layui-bg-white" id="admin-side">
				<div class="layui-nav-item-title build-nav-titile" id="buildMenuSearch">
					<a href="javascript:;">
						<i class="fa fa-caret-down icon-maright5 turn" aria-hidden="true"></i>
						<cite>项目名</cite>
					</a>
				</div>
				<div class="build-search-down" id="buildSearchDown">
					<div class="build-search-bar">
						<input type="text" placeholder="请输入名称过滤">
					</div>
					<ul class="build-search-result">
						<li class="build-search-item">
							<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
								清单列表
							</a>
						</li>
						<li class="build-search-item">
							<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../src/qingdan-list.html" data-type="tabAdd">
								清单列表
							</a>
						</li>
					</ul>
				</div>
				<span class="toggle-icon" id="admin-side-toggle"></span>
				<div class="build-scrollbox">
					<div class="build-leftmenu">
						<ul class="build-leftmenu-item">
							<li class="build-leftmenu-list">
								<div class="build-firmenu">
									<i class="fa fa-file-text-o" aria-hidden="true"></i><span>一级菜单</span>
								</div>
								<div class="build-submenu">
									<ul class="build-secmenu">
										<li>
											<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
												清单列表
											</a>
										</li>
										<li>
											<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
												清单列表
											</a>
										</li>
										<li>
											<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
												清单列表1
											</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="build-leftmenu-list">
								<div class="build-firmenu addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
									<i class="fa fa-file-text-o" aria-hidden="true"></i><span>一级菜单</span>
								</div>
								<div class="build-submenu">
									<ul class="build-secmenu">
										
									</ul>
								</div>
							</li>
							<li class="build-leftmenu-list">
								<div class="build-firmenu">
									<i class="fa fa-file-text-o" aria-hidden="true"></i><span>一级菜单</span>
								</div>
								<div class="build-submenu">
									<ul class="build-secmenu build-has-thirmenu">
										<li>
											<a>
												清单列表
											</a>
											<ul class="build-thirmenu">
												<li>
													<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
														清单列表
													</a>
												</li>
												<li>
													<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
														物料详情
													</a>
												</li>
												<li>
													<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
														清单列表清单
													</a>
												</li>
												<li>
													<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
														物料详情物
													</a>
												</li>
											</ul>
											<div class="build-thirmenu-list">
												<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
													清单列表
												</a>
											</div>
										</li>
										<li>
											<a>
												清单列表
											</a>
											<ul class="build-thirmenu">
												
											</ul>
											<div class="build-thirmenu-list">
												<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
													二级菜单，没想到吧
												</a>
											</div>
										</li>
										<li>
											<a>
												清单列表
											</a>
											<ul class="build-thirmenu">
												<li>
													<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
														物料详情
													</a>
												</li>
												<li>
													<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
														清单列表清单
													</a>
												</li>
											</ul>
											<div class="build-thirmenu-list">
												<a href="javascript:;" class="addtab-active" data-id="1" data-title="清单列表" data-url="../../qingdan-list.html" data-type="tabAdd">
													清单列表
												</a>
											</div>
										</li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--leftnav end-->
			
			<!--body start-->
			<div class="layui-body" id="admin-body">
				<div class="layui-tab" lay-allowclose="true" lay-filter="admin-tab">
					<ul class="layui-tab-title" id="layui-tab-title">
						<li class="layui-this">
							<i class="fa fa-cog" aria-hidden="true"></i>
							<span>系统管理</span>
						</li>
					</ul>
					<div class="layui-tab-content" id="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<iframe src="../order-management/order-detail.html" width="100%" height="100%" frameborder="no"></iframe>
						</div>
					</div>
				</div>
			</div>
			<!--body end-->
			
			<!--footer start-->
			<footer class="layui-footer footer" id="admin-footer">
				<p class="footer-copyright">2016 ©
					<a href="javascript::void()">wanghongbo</a> LGPL license
				</p>
			</footer>
			<!--footer end-->
			
		</div>

	<script src="../../source/plugins/layui/layui.js"></script>
	<script src="../../source/plugins/datatables/jquery-1.12.4.js"></script>
	<script src="../../source/js/index.js"></script>
	<script src="../../source/plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="../../source/plugins/datatables/dataTables.fixedColumns.js"></script>
	<script src="../../source/js/datatables-config.js"></script>
	<script src="../../source/js/system.js"></script>
	<script src="../../source/js/build.js"></script>
	<script>
		
		var employee = {
			tableId: "qingdan-list", //table的id
			status: [ //设置哪些列不能排序和搜索
				{
					"searchable": false,
					"orderable": false,
					"targets": [0, 1, 2, 6, 7, 8,]
				}, //第n行不进行排序和搜索
				//					{
				//			            "visible": false,//设置哪列不显示
				//			            "targets": [-1]
				//			        }
			],
			order: [
				[3, 'asc']
			], //初始时，按列排序
			scrollX: true, //是否允许横向滚轴
			checkAllId: "checkall", //第一列checkbox的id
			sScrollXInner: '100%', //设置table的宽度
			fixedColumns: { //左右边定位
				"leftColumns": 0,
				"rightColumns": 0
			},
			url: "build.json", //url链接
			filed: [ //列对应
				{
					"data": "list_number",
					"createdCell": function(nTd, sData, oData, iRow, iCol) {
						$(nTd).html(iRow + 1);
					},
					"class": "text-center",
					"width": "30px"
				},
				{
					"data": "list_number",
					"createdCell": function(nTd, sData, oData, iRow, iCol) {
						$(nTd).html('<label for="" class="checkbox">' +
							'<input type="checkbox" class="checkchild" name="' + sData + '"/>' +
							'<i class="checkbox-inner"></i>' +
							'</label>');
					},
					"class": "text-center",
					"width": "50px"
				},
				{
					"data": "list_number"
				},
				{
					"data": "item_number"
				},
				{
					"data": "item_name"
				},
				{
					"data": "subitem_number"
				},
				{
					"data": "subitem_name"
				},
				{
					"data": "creater"
				},
				{
					"data": "status"
				},
				{
					"data": "time"
				}
			]
		};
		dataTablesInit(employee); //实例化
	</script>
	</body>
</html>
